body.stop-scrolling { height: 100%; overflow: hidden; }

.sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; }

.sweet-swal { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; }

@media all and (max-width: 540px) {
    .sweet-swal { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; }
}

.sweet-swal h2 { color: #575757; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; }
.sweet-swal p { color: #797979; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; }
.sweet-swal fieldset { border: none; position: relative; }
.sweet-swal .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; }
.sweet-swal .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; }
.sweet-swal .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; }
.sweet-swal .sa-error-container p { display: inline-block; }
.sweet-swal .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; }
.sweet-swal .sa-input-error::before, .sweet-swal .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; }
.sweet-swal .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sweet-swal .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sweet-swal .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.sweet-swal input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
.sweet-swal input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; }
.sweet-swal input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; }
.sweet-swal input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; }
.sweet-swal input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; }
.sweet-swal input::-moz-placeholder { color: #bdbdbd; }
.sweet-swal input:-ms-input-placeholder { color: #bdbdbd; }
.sweet-swal input::-webkit-input-placeholder { color: #bdbdbd; }
.sweet-swal.show-input input { display: block; }
.sweet-swal button { background-color: #AEDEF4; color: white; border: none; box-shadow: none; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; }
.sweet-swal button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-swal button:hover { background-color: #a1d9f2; }
.sweet-swal button:active { background-color: #551e7d; }
.sweet-swal button.cancel { background-color: #D0D0D0; }
.sweet-swal button.cancel:hover { background-color: #c8c8c8; }
.sweet-swal button.cancel:active { background-color: #b6b6b6; }
.sweet-swal button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
.sweet-swal button::-moz-focus-inner { border: 0; }
.sweet-swal[data-has-cancel-button=false] button { box-shadow: none !important; }
.sweet-swal[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; }
.sweet-swal .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; }
.sweet-swal .sa-icon.sa-error { border-color: #F27474; }
.sweet-swal .sa-icon.sa-error .sa-x-mark { position: relative; display: block; }
.sweet-swal .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; }
.sweet-swal .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; }
.sweet-swal .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; }
.sweet-swal .sa-icon.sa-warning { border-color: #F8BB86; }
.sweet-swal .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; }
.sweet-swal .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; }
.sweet-swal .sa-icon.sa-info { border-color: #C9DAE1; }
.sweet-swal .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; }
.sweet-swal .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; }
.sweet-swal .sa-icon.sa-success { border-color: #A5DC86; }
.sweet-swal .sa-icon.sa-success::before, .sweet-swal .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sweet-swal .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }
.sweet-swal .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; }
.sweet-swal .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
.sweet-swal .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sweet-swal .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; }
.sweet-swal .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sweet-swal .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sweet-swal .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetswal {
    0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
    45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
    80% { transform: scale(0.95); -webkit-transform: scale(0.95); }
    100% { transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes showSweetswal {
    0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
    45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
    80% { transform: scale(0.95); -webkit-transform: scale(0.95); }
    100% { transform: scale(1); -webkit-transform: scale(1); }
}

@-webkit-keyframes hideSweetswal {
    0% { transform: scale(1); -webkit-transform: scale(1); }
    100% { transform: scale(0.5); -webkit-transform: scale(0.5); }
}

@keyframes hideSweetswal {
    0% { transform: scale(1); -webkit-transform: scale(1); }
    100% { transform: scale(0.5); -webkit-transform: scale(0.5); }
}

@-webkit-keyframes slideFromTop {
    0% { top: 0%; }
    100% { top: 50%; }
}

@keyframes slideFromTop {
    0% { top: 0%; }
    100% { top: 50%; }
}

@-webkit-keyframes slideToTop {
    0% { top: 50%; }
    100% { top: 0%; }
}

@keyframes slideToTop {
    0% { top: 50%; }
    100% { top: 0%; }
}

@-webkit-keyframes slideFromBottom {
    0% { top: 70%; }
    100% { top: 50%; }
}

@keyframes slideFromBottom {
    0% { top: 70%; }
    100% { top: 50%; }
}

@-webkit-keyframes slideToBottom {
    0% { top: 50%; }
    100% { top: 70%; }
}

@keyframes slideToBottom {
    0% { top: 50%; }
    100% { top: 70%; }
}

.showSweetswal[data-animation=pop] { -webkit-animation: showSweetswal 0.3s; animation: showSweetswal 0.3s; }

.showSweetswal[data-animation=none] { -webkit-animation: none; animation: none; }

.showSweetswal[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; }

.showSweetswal[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; }

.hideSweetswal[data-animation=pop] { -webkit-animation: hideSweetswal 0.2s; animation: hideSweetswal 0.2s; }

.hideSweetswal[data-animation=none] { -webkit-animation: none; animation: none; }

.hideSweetswal[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; }

.hideSweetswal[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
    0% { width: 0; left: 1px; top: 19px; }
    54% { width: 0; left: 1px; top: 19px; }
    70% { width: 50px; left: -8px; top: 37px; }
    84% { width: 17px; left: 21px; top: 48px; }
    100% { width: 25px; left: 14px; top: 45px; }
}

@keyframes animateSuccessTip {
    0% { width: 0; left: 1px; top: 19px; }
    54% { width: 0; left: 1px; top: 19px; }
    70% { width: 50px; left: -8px; top: 37px; }
    84% { width: 17px; left: 21px; top: 48px; }
    100% { width: 25px; left: 14px; top: 45px; }
}

@-webkit-keyframes animateSuccessLong {
    0% { width: 0; right: 46px; top: 54px; }
    65% { width: 0; right: 46px; top: 54px; }
    84% { width: 55px; right: 0px; top: 35px; }
    100% { width: 47px; right: 8px; top: 38px; }
}

@keyframes animateSuccessLong {
    0% { width: 0; right: 46px; top: 54px; }
    65% { width: 0; right: 46px; top: 54px; }
    84% { width: 55px; right: 0px; top: 35px; }
    100% { width: 47px; right: 8px; top: 38px; }
}

@-webkit-keyframes rotatePlaceholder {
    0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
    100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
}

@keyframes rotatePlaceholder {
    0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
    100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
}

.animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; }

.animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
    0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
    100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes animateErrorIcon {
    0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
    100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; }
}

.animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
    0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
    50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
    80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
    100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; }
}

@keyframes animateXMark {
    0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
    50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
    80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
    100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; }
}

.animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
    0% { border-color: #F8D486; }
    100% { border-color: #F8BB86; }
}

@keyframes pulseWarning {
    0% { border-color: #F8D486; }
    100% { border-color: #F8BB86; }
}

.pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
    0% { background-color: #F8D486; }
    100% { background-color: #F8BB86; }
}

@keyframes pulseWarningIns {
    0% { background-color: #F8D486; }
    100% { background-color: #F8BB86; }
}

.pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-swal.min.js through Gulp */
/* Error icon */
.sweet-swal .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; }

.sweet-swal .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-swal .sa-icon.sa-success { border-color: transparent\9; }

.sweet-swal .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; }

.sweet-swal .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; }















html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:hover, a:active { outline: none; }
select, input, textarea, button { font: 99% sans-serif; }
input, select { vertical-align: middle; }
ul, ol, li { list-style: none; }
img { border: 0; max-width: 100%; display: block; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
.nocallout { -webkit-touch-callout: none; }
table { margin: 0; padding: 0; clear: left; width: 100%; border-collapse: collapse; border-spacing: 0; }
table td { vertical-align: top; margin: 0; }
body { font-size: 24px; word-wrap: break-word; margin: 0 auto; line-height: 30px; color: #333; background: #fff; font-family: "PingHei","STHeitiSC-Light", "tahoma", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif","microsoft yahei"; }
a { text-decoration: none; color: #333; font-size: 24px; }
.fl { float: left; }
.fr { float: right; }
.cf { clear: both; }
.pr { position: relative; }
.pa { position: absolute; }
.fx { position: fixed; }
.tl { text-align: left; }
.tc { text-align: center; width: 100%; }
.tc img { margin: 0 auto; }
.tr { text-align: right; }
.cur { cursor: pointer; }
.none { display: none; }
.blue { color: #008dcf; }
input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="password"] { -webkit-appearance: none; padding: 0; }
textarea, select { -webkit-appearance: none; background: none; }
/*input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder { color: #a9a9a9 !important; }*/
select { border: none; color: #a9a9a9 !important; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.html, .html body, .pagewrap { width: 100%; height: 100%; overflow: hidden; }
.phd { width: 100%; height: 92px; z-index: 2220; }
.phdon { background: #fff; }
.phd .logo { padding-top: 18px; }
.navbtn { top: 30px; right: 40px; background: url(../images/hd02.png) no-repeat; width: 64px; height: 34px; }
.phd_pink .navbtn { background: url(../images/hd02_white.png) no-repeat; }
.phd .navbtnon { background: url(../images/del.png) no-repeat; width: 36px; height: 36px; right: 35px; }
.phd_pink .navbtnon { background: url(../images/del_w.png) no-repeat; }
.arrow { top: 976px; z-index: 20; }
.swiper-container .swiper-pagination { top: 976px; right: 64px; position: absolute; width: auto; left: auto; }
.swiper-container .swiper-pagination-bullet { width: 15px; height: 15px; background: #fff; margin: 0 5px; }
.box01-recomd { padding-top: 60px; }
.titlebox { padding-bottom: 45px; }
.titlebox .new { padding-left: 50px; background: url(../images/new_icon.png) no-repeat 0 10px; font-size: 46px; color: #000; }
.titlebox p { padding-top: 15px; }
.prolist { margin: 0 20px; }
.prolist li { float: left; width: 290px; height: 408px; margin: 0 12px 0 0; position: relative; text-align: center; }
.prolist li .img { width: 290px; height: 290px; border-radius: 10px; margin-bottom: 22px; }
.prolist li:before { display: block; content: ''; position: absolute; width: 290px; height: 290px; border-radius: 10px; position: absolute; left: 0; top: 0; background: rgba(126,79,132,.6);  display: none; opacity: 0; pointer-events: none;}
.prolist li:nth-child(2n) { margin-right: 0; }
.prolist li .share { background: url(../images/share_icon.png) no-repeat; width: 78px; height: 78px; position: absolute; top: 106px; left: 50%; margin-left: -39px; display: none; opacity: 0;  }
.prolist li.on:before { display: block; -webkit-animation: prolistOn 0.35s 0s ease both; }
.prolist li.on .share { display: block; -webkit-animation: prolistShare 0.4s 0s ease both; }

@-webkit-keyframes prolistOn{
	from{ opacity: 0;}
	to{ opacity: 1;}
}

@-webkit-keyframes prolistShare{
	from{ opacity: 0; transform: translateY(35px);}
	to{ opacity: 1; transform: translateY(0px);}
}


.box01-ban { padding-top: 40px; }
.graybg { background: #f8f8f8; }
.box01-news, .box01-lab { padding-top: 84px; margin: 0 21px; }
.titlebox .zmxw { padding-left: 50px; background: url(../images/zmxw_icon.png) no-repeat 0 18px; font-size: 46px; color: #000; }
.titlebox .mjx { padding-left: 50px; background: url(../images/mjx_icon.png) no-repeat 0 18px; font-size: 46px; color: #000; }
.swiper-container-news, .swiper-container-mjx { width: 100%; overflow: hidden; height: 720px; position: relative; }
.box01-news .img { width: 598px; height: 344px; border-radius: 10px; }
.box01-news .txt { padding: 0 30px; width: 503px; height: 380px; background: #fff; box-shadow: 0 0 20px rgba(220,220,220,.6); color: #a0a0a0; border-radius: 10px; left: 20px; top: 300px; position: absolute; }
.box01-news .txt h5 { padding-top: 32px; color: #000; margin-bottom: 15px; font-size: 32px; line-height: 1.5; }
.box01-news .txt .date { margin-bottom: 25px; font-size: 22px; }
.box01-news .txt .desc { line-height: 32px; text-align: justify; }
.addbtn { background: url(../images/addbtn.png) no-repeat; width: 67px; height: 67px; right: 20px; bottom: 20px; }
.addbtn:active { background: url(../images/addbtn_on.png) no-repeat; }
.box01-news .swiper-pagination-news, .box01-news .swiper-pagination-mjx { position: absolute; width: 100%; text-align: center; top: 690px; }
.box01-news .swiper-pagination-bullet-active { background: #551e7d; }
.box01-news .swiper-pagination-bullet { background: #6e6e6e; margin: 0 5px; }
.box01-lab { height: 622px; }
.box01-lab .img { width: 598px; height: 344px; border-radius: 10px; }
.box01-lab .txt { padding: 0 30px; width: 503px; padding-bottom: 65px; min-height: 327px; box-shadow: 0 0 20px rgba(220,220,220,.6); background: #fff; color: #333; border-radius: 10px; left: 20px; top: 380px; position: absolute; }
.box01-lab .txt h5 { padding-top: 32px; padding-bottom: 15px; color: #000; margin-bottom: 30px; font-size: 32px; border-bottom: 1px solid #ccc; }
.grp01-lab { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 15px; }
.box01-gz { height: 262px; background: #fff; }
.box01-gz h6 { padding-top: 40px; font-size: 34px; margin-bottom: 45px; }
.part01-gz img { display: inline-block; margin: 0 14px; }
.box01-order { height: 258px; background: #f8f8f8; }
.box01-order h6 { padding-top: 50px; height: 75px; font-size: 32px; }
.part01-order .text { padding-left: 30px; margin-left: 40px; width: 390px; height: 70px; border: 1px solid #ccc; border-radius: 10px; }
.pinkbtn { width: 100px; height: 70px; background: #551e7d; border-radius: 8px; text-align: center; line-height: 70px; color: #fff; }
.part01-order .pinkbtn { margin-left: 26px; }
.pfd { background: #551e7d; padding: 0 40px; }
.box01-pfd { padding-top: 68px; border-bottom: 1px solid #623087; margin-bottom: 25px; }
.box01-pfd .contact { margin-bottom: 35px; color: #845da1; font-size: 24px; background: url(../images/arrow_d.png) no-repeat right 8px; }
.box01-pfd li { margin-bottom: 35px; font-size: 24px; }
.box01-pfd li a { color: #845da1; }
.box02-pfd { padding-bottom: 25px; color: #845da1; }
.box02-pfd p { padding-bottom: 10px; }

.navdrop { background: #fff; width: 100%; padding-top: 75px; display: none; top: 92px; height: 3000px; }
.apply { padding-bottom: 75px; margin: 0 25px; border-bottom: 1px solid #f1f1f1; }
.apply .pinkbtn { display: block; line-height: 87px; margin: 0 auto; font-size: 28px; width: 214px; height: 87px; }
.navdrop ul { margin: 0 70px; border-bottom: 1px solid #f2f2f2; }
.navdrop ul li { height: 99px; line-height: 99px; border-bottom: 1px solid #f2f2f2; text-align: left; }
.navdrop ul li a { display: block; background: url(../images/arrow_r.png) no-repeat right center; font-size: 28px; }
/*新闻*/
.bodygray { background: #f8f8f8; }
.phd_pink { background: #551e7d; }
.box01-lab-new { height: auto; padding-top: 0; }
.box01-lab-new li { height: 740px; position: relative; }
.box01-lab-new .txt h5 { margin-bottom: 0px; }
.box01-lab-new .txt .date { color: #999; margin-bottom: 20px; font-size: 22px; padding-top: 10px; }
.box01-lab-new .txt .desc { margin-bottom: 20px; line-height: 34px; height: 105px; overflow: hidden; }
.box01-detail .date { font-size: 22px; padding-bottom: 20px; color: #999; }
.box01-lab-new .txt .from { color: #999; font-size: 22px; }
.newsnav { height: 86px; line-height: 86px; margin: 0 20px; padding-top: 94px; }
.newsnav li { float: left; width: 25%; text-align: center; position: relative; }
.newsnav li:before { display: block; content: ''; position: absolute; width: 50px; height: 4px; background: #551e7d; left: 50%; margin-left: -25px; bottom: 15px; display: none; }
.newsnav li.on a { color: #551e7d; }
.newsnav li.on:before { display: block; }
/*新闻详情*/
.sharelink { padding-top: 22px; }
.artlink { padding-top: 90px; }
.artlinkwrap { height: 90px; background: #f8f8f8; }
.prevlink { left: 38px; top: 25px; }
.nextlink { right: 38px; top: 25px; }
.box01-detail { padding-top: 300px; position: relative; }
.box01-detail .img { width: 100%; height: 345px; position: absolute; left: 0; top: 0; }
.box01-detail .txt { padding: 50px 40px; position: relative; z-index: 20; width: 540px; box-shadow: 0 0 20px rgba(220,220,220,.6); background: #fff; color: #333; border-radius: 10px; margin: -40px auto 80px auto; }
.box01-detail .txt h5 { font-size: 34px; padding-bottom: 30px; line-height: 1.35; }
.box01-detail .txt p { margin-bottom: 20px; line-height: 1.35; text-align: justify; }
.box01-detail .desc { margin-bottom: 50px; }
.box01-detail .from { color: #999; font-size: 22px; }
/*所有产品*/
.protitle { padding-top: 134px; height: 64px; font-size: 30px; }
.box01-lab .txt h5 { padding-bottom: 30px; padding-top: 40px; }
.box01-lab-new-pro .txt { height: 267px; }
.box01-lab-new-pro { margin: 0 20px; padding-bottom: 50px; border-bottom: 1px solid #e9e9e9; margin-bottom: 80px; }
.box01-lab-new-pro li { height: 650px; }
.typelist a { display: block; margin-bottom: 30px; }
.box01-lab-new-pro .txt h5 { margin-bottom: 30px; }

/*faq*/
.title_faq { padding-top: 132px; padding-bottom: 30px; font-size: 30px; font-weight: bold; }
.box01-faq { margin: 0 30px; padding: 30px 35px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(220,220,220,.6); margin-bottom: 60px; }
.box01-faq li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f1f1f1; }
.box01-faq li .title { position: relative; background: url(../images/arrow.png) no-repeat right 14px; line-height: 42px; font-size: 26px; padding-right: 30px; margin-bottom: 15px; padding-left: 10px; font-weight: bold; }
.box01-faq li .title:before { display: block; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #ccc; position: absolute; left: -15px; top: 20px; }
.box01-faq li .txt { font-size: 22px; display: none; }
.box01-faq li.on .txt { display: block; color: #4e4e4e; }
.box01-faq li.on .title { background: url(../images/arrow_up.png) no-repeat right 14px; }
/*工作机会*/
.box01-job { margin: 0 30px; padding: 30px 20px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(220,220,220,.6); margin-bottom: 60px; }
.top-job { height: 50px; border-bottom: 1px solid #ccc; }
.top-job b { margin-left: 45px; }
.top-job span { margin-right: 45px; font-weight: bold; }
.box01-job ul { margin: 0 20px; }
.box01-job ul li { color: #757575; padding: 20px 0; border-bottom: 1px solid #ccc; position: relative; }
.box01-job ul li:last-child { border-bottom: none; }
.box01-job ul li .city { right: 50px; top: 20px; }
.box01-job ul li .title { margin-left: 10px; margin-right: 80px; }
/*猫咪实验室*/
.box01-labcat { padding-top: 141px; background: #fff; padding-bottom: 60px; }
.box01-labcat .title { margin-bottom: 20px; font-size: 30px; font-weight: bold; }
.box01-labcat .desc { margin: 0 60px; color: #535353; }
.box02-labcat { padding-top: 30px; background: url(../images/lab_bg01.png) repeat-x left top; }
.box02-labcat li { margin: 0 35px; border-radius: 5px; background: #fff; box-shadow: 0 0 20px rgba(220,220,220,.6); margin-bottom: 30px; }
.box02-labcat li .title { padding-top: 35px; font-weight: bold; padding-bottom: 15px; text-align: center; position: relative; margin-bottom: 35px; }
.box02-labcat li .title:before { display: block; content: ''; position: absolute; width: 60px; height: 3px; background: #e1e1e1; left: 50%; margin-left: -30px; bottom: 0; }
.box02-labcat li .desc { padding: 30px 20px; }
/*寻找*/
.box01-find { padding-top: 141px; }
.box01-find .title { padding-bottom: 25px; font-size: 28px; font-weight: bold; }
.box01-find ul { margin: 0 12px; }
.box01-find ul li { margin-bottom: 50px; }
.box01-find ul li .img { width: 601px; height: 347px; border-radius: 10px; margin: 0 auto; }
.box01-find ul li .txt { padding: 50px 40px 30px 40px; position: relative; z-index: 20; width: 480px; box-shadow: 0 0 20px rgba(220,220,220,.6); background: #fff; color: #333; border-radius: 10px; margin: -45px auto 0 auto; }
.box01-find ul li .txt h6 { font-size: 28px; padding-bottom: 20px; }
.box01-find ul li .desc { color: #a1a1a1; line-height: 40px; }
.logolink { padding-top: 40px; }
.logolink a { display: inline-block; margin: 0 20px; }

.box01-event { background: #fff; padding-bottom: 60px; margin-bottom: 50px; }
.part01-event { padding-top: 84px; padding-bottom: 80px; }
.part01-event h6 { font-size: 28px; margin-bottom: 22px; }
.part01-event p { font-size: 22px; }
.part02-event { background: url(../images/eventline.png) repeat-y; }
.part02-event li { position: relative; width: 100%; }
.part02-event li .time { position: absolute; left: 38px; vertical-align: top; }
.part02-event li .grp { margin-left: 208px; margin-bottom: 60px; margin-right: 50px; position: relative; vertical-align: top; }
.part02-event li .grp:before { display: block; content: ''; position: absolute; width: 14px; height: 14px; background: #cbcbcb; border-radius: 50%; left: -52px; top: 8px; }
.part02-event li:first-child .grp:before { top: 0; }
.box01-apply { padding: 70px 0; background: #fff; }
.part01-apply { padding-bottom: 50px; }
.part01-apply h6 { font-size: 28px; margin-bottom: 10px; }
.part01-apply p { font-size: 22px; }
.part02-apply .pinkbtn { width: 342px; height: 86px; display: block; line-height: 86px; margin: 0 auto; }
.part01-oem { padding-top: 75px; margin-bottom: 45px; }
.part01-oem h6 { font-size: 28px; padding-bottom: 15px; }
.part01-oem p { font-size: 22px; }
.swiper-container-cfa { width: 100%; overflow: hidden; }
.contactinfo { padding: 40px; margin: -30px 30px 0 30px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(220,220,220,.6); position: relative; }
.contactinfo p { font-size: 22px; line-height: 46px; border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 30px; }
.contactinfo dt { padding-left: 50px; background: url(../images/mail_icon.png) no-repeat 0 10px; margin-bottom: 15px; }
.contactinfo dt.tel { background: url(../images/tel_icon.png) no-repeat 0 10px; line-height: 36px; }
.contactinfo dt a { text-decoration: underline; color: #57217f; }
.box01-cfa { height: 795px; }
.swiper-container-cfa { height: 668px; }
.box01-cfa .txt { height: auto; padding-bottom: 40px; }
.box01-cfa .swiper-container-cfa h5 { text-align: center; padding-bottom: 20px; }
.swiper-pagination-cfa { top: 800px; position: absolute; width: 100%; text-align: center; }
/*代理*/
.box01-agent { padding-top: 141px; padding-bottom: 40px; }
.box01-agent .img { margin-bottom: 36px; }
.box02-agent { margin: 0 100px; padding-bottom: 100px; }
.box02-agent li { margin-bottom: 40px; }
.box02-agent li .text { height: 72px; border: 1px solid #e7e7e7; padding-left: 30px; width: 410px; border-radius: 10px; }
.box02-agent li .text_short { width: 210px; }
.box02-agent li .countbtn { display: block; top: 0; color: #fff; font-size: 22px; width: 175px; height: 73px; background: #d2d2d2; border-radius: 10px; line-height: 73px; text-align: center; position: absolute; right: 0; }
.box02-agent li .countbtn b { font-weight: normal; }
.box02-agent li #validbtn { background: #551e7d }
.box02-agent li.sex span:first-child { margin-left: 0; margin-right: 40px; }
.box02-agent li.sex span { display: inline-block; width: 160px; padding-left: 40px; background: url(../images/check.png) no-repeat; }
.box02-agent li.sex span.on { background: url(../images/check_on.png) no-repeat; }
.selectwrap { height: 72px; border: 1px solid #e7e7e7; border-radius: 10px; line-height: 72px; padding-left: 32px; position: relative }
.selectwrap select { width: 100%; }
.selectwrap:before { display: block; content: ''; position: absolute; background: url(../images/arrow_down.png) no-repeat; width: 26px; height: 15px; position: absolute; right: 32px; top: 30px; }
.box02-agent li.city { height: 72px; }
.box02-agent li.city .selectwrap { width: 171px; float: left; margin-right: 20px; }
.box02-agent li.city .selectwrap:last-child { margin-right: 0; }
.box02-agent li .textarea { padding: 10px 30px; width: 380px; height: 330px; border: 1px solid #e7e7e7; border-radius: 5px; }
.btnbox .pinkbtn { margin: 0 auto; width: 200px; }
.part01-gz img { width: 84px; }
.phd .logo { position: absolute; width: 64px; left: 50%; margin-left: -32px; }
.mailinfo { font-size: 22px; padding-bottom: 50px; }
.back { right: 30px; top: 30px; }
.box01-gz-new { background: #f8f8f8; }
.box01-order-new { background: #fff; }

.readpop { width: 90%; background: #fff; height: 360px; border-radius: 10px; }
.readpop .close { right: 0; top: -55px; }
.readpop h6 { padding: 50px 0; font-size: 28px; }
.readpop .text { height: 72px; border: 1px solid #e7e7e7; padding-left: 30px; width: 270px; border-radius: 10px; margin-left: 50px; }
.phonetxt { height: 110px; position: relative; }
.readpop .countbtn { width: 170px; font-size: 20px; height: 72px; border-radius: 10px; text-align: center; line-height: 72px; background: #551e7d; color: #fff; margin-left: 20px; position: absolute; right: 20px; top: 0; }
.readpop .countbtn b { font-weight: normal; }
.contactdrop { padding: 40px; display: none; margin-bottom: 40px; background: #612f84; width: 560px; position: relative; left: -40px; color: #fff; }
.box01-cont { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #fff; }
.box01-cont p { margin-bottom: 12px; }
.box01-cont:last-child { border-bottom: none; padding-bottom: 0; }
.box01-pfd .contacton { background: url(../images/arrow_u.png) no-repeat right 8px; }

.jobinfo { padding-top: 40px; padding-bottom: 40px; font-size: 22px; display: none; }
.box01-job li { background: url(../images/arrow_down.png) no-repeat right center; }
.box01-job li.on { background: url(../images/arrow_up_white.png) no-repeat right 28px; }
.box01-job li.on .jobinfo { display: block; }
.box01-job .pt20 { padding-top: 20px; }
.box01-job li p { margin-bottom: 10px; }
.box01-lab-index { height: 742px; }
.box01-lab-new .txt { top: 300px; }
.box01-lab-new-pro .txt { min-height: 230px; padding-bottom: 25px; left: 0; margin-left: 0; margin: -60px auto 0 auto; top: 0; z-index: 200; position: relative; }
.box01-lab-new-pro li { height: 630px; }
.qatitle { color: #c0bfc0; padding-top: 30px; margin-bottom: 30px; border-top: 1px solid #f2f0f4; margin: 0 -20px 30px -20px; }
.qatitle span { margin: 0 20px; }
.joinlist { height: 98px; margin: 0; }
.joinlist dt { padding-left: 11%; width: 39%; float: left; height: 54px; color: #c0bfc0; background: url(../images/check.png) no-repeat; }
.joinlist dt.on { background: url(../images/check_on.png) no-repeat; }
.chongsheng { left: 82px; top: 496px; }
.mingguwu { left: 350px; top: 227px; }
.hengbing { left: 404px; top: 190px; }
.shenhu { left: 267px; top: 239px; }
.dabang { left: 387px; top: 223px; }
.jinggang { left: 277px; top: 239px; }
.map .city { display: none; }
.map .city img { width: 123px; }

.box01-cfa .titlebox .title { font-weight: bold; }

@media screen and (min-width:1024px) {
    html, html body, .loading { width: 640px; height: 1008px; margin: 10px auto; position: relative; }
    .phd { width: 640px; }
}
/*弹窗*/
.popBox { position: absolute; left: 0px; top: 0px; z-index: 10000; }
.popBox .popMask { display: block; background: #000\7; filter: alpha(opacity=80)\9; background: rgba(0,0,0,0.7); }
.sweet-alert h2 { font-weight: normal; color: #b5b0a3; }
.sweet-alert button { font-size: 28px; }

span.selectwrap select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.box01-lab .txt .grp02-lab { text-align: justify; }
.box01-cont > p { font-size: 16px; }

.box02-agent li.sex:nth-child(2) { margin-bottom: 12px; }
.box02-agent li.sex > div { padding: 12px 0; }
#val-like > p { margin-bottom: 20px; }

i { font-style: normal !important; color: #c0bfc0; }
.box02-agent * { color: #666; }
.btnbox .pinkbtn { color: #fff !important; }

.pfd{ float:left; width:560px;}
